
const app = getApp();
let pageNo = 1;
let pageSize = 10;
Page({
  data: {
    vip:0,  //0非会员vip,1会员vip
    color:"#2F21BC",
    color2:"#fffff",
    title:"风系魔法：声音之力",
    title_e:"Wind Magic: Power of Sound",
    like:"108",
    liked: false,
    likeText:"加入喜欢",
    nums:"48",
    dataValues: ['20', '10'],
    urls:["/resource/images/p_2.png","/resource/images/p_1.png"],
    canvasWidth: 140, // 画布宽度
    progressWidths: [], // 进度条宽度数组
    showJianjie:true,
    lists: [
        {nums:"第一章",title:"土系魔法的起源与历史",showMl: false,
            infos:[{num2:"1.1",txt:"土系魔法的起源与历史"},{num2:"1.2",txt:"土系魔法的起源与历史土系魔法的起源与历史土系魔法的起源与历史土系魔法的起源与历史"}]
        },
        {nums:"第二章",title:"土系魔法的科学基础",showMl: false,
            infos:[{num2:"1.1",txt:"土系魔法的起源与历史"}]
        },
    ],
    flList:["附录A：土系魔法术语解释","附录B：土系魔法符号大全","附录C：推荐阅读与参考文献"],
    page: pageNo, //页数,
    loadmore: 'loadmorenone',//是否显示加载页,
    sessionid:'',
    navTop: app.globalData.navTop+6
  }, 
  attached: function () {
    // 定义导航栏的高度   方便对齐
    this.setData({
      navHeight: app.globalData.navHeight,
      navTop: app.globalData.navTop
    })
  },
    //   简介显隐
    Jianjie: function() {
        this.setData({
            showJianjie: !this.data.showJianjie
        });
    },
    //   目录显隐
    Ml: function(e) {
        const index = e.currentTarget.dataset.index;
        const lists = this.data.lists;
        lists[index].showMl = !lists[index].showMl;
        this.setData({
            lists: lists
        });
    },
    // 点赞
    liked: function() {
        let newLike = parseInt(this.data.like); // 将点赞数转换为整数
        newLike = this.data.liked ? newLike - 1 : newLike + 1;

        this.setData({
            like: newLike.toString(), // 将更新后的点赞数转换回字符串类型
            likeText: this.data.liked ? '加入喜欢' : '已加入喜欢',
            liked: !this.data.liked
        });
    },
    // 完结奖励数值
    drawProgress: function() {
        const dataValues = this.data.dataValues;
        const canvasWidth = this.data.canvasWidth;
        
        const progressWidths = dataValues.map(value => canvasWidth * value / 100);
        this.setData({
                progressWidths: progressWidths
        });
    },
    // 返回上一级
    back: function() {
        wx.navigateBack({
            delta: 1 // 返回上一级页面
        });
    },
  onLoad: function (options) {
   
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.drawProgress();  // 完结奖励数值
  },
  
  /**
   * 生命周期函数--监听页面显示
   */
  onShow:function(){
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
})